.main-app-register {
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: rgb(191, 238, 246);
    background-image: url('../../assets/img/startBackground.png');
    background-size: 100% 100%;
    .main-header {
        width: 100%;
        height: 4.365853658536586rem;
        padding-bottom: 0.7317073170731707rem;
        margin-bottom: 0.7317073170731707rem;
        .main-header-esc {
            font-size: 0.6341463414634146rem;
            font-weight: 700;
            color: #fff;
            margin-left: 0.6341463414634146rem;
            line-height: 1.4634146341463414rem;
       }
        .main-header-hello {
            color: #fff;
            font-size: 0.6341463414634146rem;
            line-height: 1.7073170731707317rem;
            margin-left: 1.2195121951219512rem;
       }
        .main-header-ezblu {
            display: flex;
            flex-direction: row;
            width: 100%;
            height: 1.2195121951219512rem;
            margin-top: 0.2878048780487805rem;
            .main-header-hello-font {
                color: #fff;
                font-size: 0.6341463414634146rem;
                margin-left: 1.2195121951219512rem;
                line-height: 1.26rem;
           }
            .main-header-hello-img {
                width: 3.2439024390243905rem;
                height: 1.3rem;
                margin-bottom: 0.2926829268292683rem;
           }
       }
   }
    .am-accordion-content{
        background: none !important;
   }
    .am-accordion-content-active{
        background: none !important;
   }
    .app-main {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-top: 135px;
        .app-main-phone {
            width: 62%;
            position: relative;
            left: -0.1951219512195122rem;
            border-top: none;
            border-right: none;
            border-left: none;
            padding-bottom: 0.1951219512195122rem;
            background: none;
            font-size: 0.43902439024390244rem;
            margin-bottom: 0.2878048780487805rem;
            border-bottom: 0.024390243902439025rem solid #000;
       }
        .app-main-email {
            width: 62%;
            position: relative;
            left: -0.1951219512195122rem;
            border-top: none;
            border-right: none;
            border-left: none;
            padding-bottom: 0.1951219512195122rem;
            background: none;
            font-size: 0.43902439024390244rem;
            margin-bottom: 0.2878048780487805rem;
            border-bottom: 0.024390243902439025rem solid #000;
       }
        .app-main-qd {
            width: 62%;
            position: relative;
            left: -0.1951219512195122rem;
            border-top: none;
            border-right: none;
            border-left: none;
            border-bottom: none !important;
            padding-bottom: 0.1951219512195122rem;
            background: none;
            font-size: 0.43902439024390244rem;
            margin-bottom: 0.2878048780487805rem;
            background: none;
            .my-accordion{
                background: none;
                .my-list{
                    background: none;
               }
           }
            .am-accordion-header{
                background: none;
           }
            .am-list-body{
                background: none;
           }
       }
        .am-accordion-content{
            background-color: none !important;
       }
        .app-main-pass {
            width: 62%;
            position: relative;
            left: -0.1951219512195122rem;
            border-top: none;
            border-right: none;
            border-left: none;
            padding-bottom: 0.1951219512195122rem;
            background: none;
            font-size: 0.43902439024390244rem;
            border-bottom: 0.024390243902439025rem solid #000;
            margin-top: 0.2878048780487805rem;
       }
       .app-main-passcof {
        width: 62%;
        position: relative;
        left: -0.1951219512195122rem;
        border-top: none;
        border-right: none;
        border-left: none;
        padding-bottom: 0.1951219512195122rem;
        background: none;
        font-size: 0.43902439024390244rem;
        border-bottom: 0.024390243902439025rem solid #000;
        margin-top: 0.2878048780487805rem;
   }
   }
    .app-pass {
        margin-left: 1.3rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 21px;
        .app-pass-left{
       }
        .app-pass-right{
            margin-right: 1.4634146341463414rem;
            h4{
           }
            span{
                color: #2a46eb;
           }
       }
   }
    .app-login {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0.7317073170731707rem;
        .app-login-botton{
            width: 70%;
            align-items: center;
            justify-content: center;
            .app-login-botton-con{
                color:rgb(41, 52, 57) 
           }
       }
   }
    .app-privacy-policy {
        width: 90%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0.24390243902439024rem;
   }
}
.main-app .am-list-line{
    border-bottom: 0.024390243902439025rem solid #000 !important;
    
}
.am-list-line{
    position:absolute;
}
.main-app .am-list-item{
    background: none !important;
}
.main-app .am-accordion .am-accordion-item .am-accordion-header {
    position: relative;
    color: #000 !important;
    font-size: 0.4146341463414634rem !important;
    height: 1.0731707317073171rem !important;
    line-height: 1.0731707317073171rem !important;
    background: none !important;
    box-sizing: content-box !important;
    padding-left: 0.5853658536585366rem !important;
    padding-right: 0.7317073170731707rem !important;
    border-bottom: 1PX solid #000 !important;
    white-space: nowrap;
    margin-left: 0.34146341463414637rem !important;
    text-indent: -0.14634146341463414rem !important;
}
.main-app .am-accordion{
    background: none!important;
    background-color: rgb(191, 238, 246)!important;
}
.main-app .am-accordion::before{
    background: none!important;
    background-color: rgb(191, 238, 246)!important;
}
.main-app .css-yk16xz-control{
    border-bottom: 0.024390243902439025rem solid #000 !important;
    color: #000;
    font-size: 0.3902439024390244rem;
    background:none;
    border: none;
    border-radius: 0%;
}
.main-app .css-1wa3eu0-placeholder{
    color: black;
}
.main-app .app-main .app-main-pass{
    width: 76% !important;
    margin-top: 0.4878048780487805rem;
}
.main-app .main-pass-left .am-checkbox-wrapper .am-checkbox-agree-label{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.main-app .main-pass-left .am-checkbox-wrapper .am-checkbox-agree-label .am-checkbox-inner:after{
    top: 1.0.12195121951219512rem!important;
    right: 0.12195121951219512rem!important;
    z-index: 999!important;
    width: 0.0975609756097561rem!important;
    height: 0.21951219512195122rem!important;
}
.main-app .main-pass-left .am-checkbox.am-checkbox-checked .am-checkbox-inner:after{
    top: 1.0.12195121951219512rem!important;
    right: 0.12195121951219512rem!important;
    z-index: 999!important;
    width: 0.0975609756097561rem!important;
    height: 0.21951219512195122rem!important;
}
.main-app .app-pass-left .am-checkbox-inner{
    width: 0.43902439024390244rem !important;
    height: 0.43902439024390244rem !important;
}
.main-app .app-privacy-policy .am-checkbox-inner{
    width: 0.43902439024390244rem !important;
    height: 0.43902439024390244rem !important;
}
.main-app .app-privacy-policy .am-checkbox-wrapper .am-checkbox-agree-label{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.main-app .am-checkbox-inner:after{
    top: 1.0.12195121951219512rem!important;
    right: 0.12195121951219512rem!important;
    z-index: 999!important;
    width: 0.0975609756097561rem!important;
    height: 0.21951219512195122rem!important;
}
.main-explain {
    width: 100%;
    height: 100vh;
    padding-left: 0.4878048780487805rem;
    padding-right: 0.4878048780487805rem;
    position: relative;
    .main-explain-esc {
        position: absolute;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        top: 0.4878048780487805rem;
        h3 {
            font-size: 0.4878048780487805rem;
       }
        h4 {
            font-size: 0.3902439024390244rem;
            font-weight: normal;
            margin-left: 0.0975609756097561rem;
       }
   }
    .main-explain-header {
        width: 100%;
        align-items: center;
        text-align: center;
        font-size: 0.4878048780487805rem;
        line-height: 1.7073170731707317rem;
   }
    .main-explain-header-p1 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p2 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p3 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p4 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p5 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p6 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p7 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p8 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p9 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p10 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p11 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p12 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p13 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p14 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p15 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p16 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p17 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p18 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p19 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p20 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p21 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p22 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p23 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p24 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p25 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p26 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p27 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p28 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p29 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p30 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-p31 {
        text-indent: 2em;
        font-size: 0.2926829268292683rem;
        line-height: 0.43902439024390244rem;
   }
    .main-explain-header-footer{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        .main-explain-botton{
            margin-top: 0.4878048780487805rem;
            width: 1.4634146341463414rem;
            height: 0.6097560975609756rem;
            background: rgb(33, 163, 254);
            color: oldlace;
            border: none;
            border-radius: 0.4878048780487805rem;
            margin-bottom: 0.4878048780487805rem;
            align-items: center;
       }
   }
    .main-app .main-app-explain-button{
        z-index: 1000 !important;
        background: #fff;
   }
}
.registory_select{
    width: 76%;
    height: 0.926829268292683rem;
    border-top: none;
    border-left: none;
    border-right: none;
    background: none;
    font-size: 0.3902439024390244rem;
    border-bottom: 0.024390243902439025rem solid #000;
    border-radius: 0rem;
    text-indent: 1em;
    margin-right: 0.36585365853658536rem;
    option{
        border-radius: 0rem;
   }
}
